@import "./Loginpage";

main{
    @include web(1000px,auto);
    .homemain{
        height: 2100px;
    }

    .fieldset fieldset{
        width: fit-content;
        margin: 0 auto;
        border: 1px solid skyblue;
        text-align: center;
        width: 138px;
        height: 58px;
        font-size: 24px;
        margin-top: -110px;
        span{
            display: inline-block;
            transform: scale(0.5);
        }
    }

    .usage{
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-top: 22px;
        .usageone{
            width: 290px;
            height: 319px;
            border: 1px solid #f2f2f2;
            display:flex;
            flex-direction: column;
            align-items: center;
            line-height: 25px;
            background-color: #f2f2f2;
            P:last-child{
                margin-left: 5px;
            }
        }
        .usagetwo{
            @extend .usageone;
        }
        .usagethree{
            @extend .usageone;
        }
        
    }

    .fieldsets fieldset{
        width: fit-content;
        margin: 0 auto;
        border: 1px solid skyblue;
        text-align: center;
        width: 196px;
        height: 55px;
        font-size: 24px;
        margin-top:40px;
        span{
            display: inline-block;
            transform: scale(0.4);
        }
        
    }

    .Portfolio{
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-top: 40px;
        .Portfolioone{
            text-align: center;
            line-height:40px;
            img{
                border: 1px solid black;
            }
            input{
                width: 136px;
                height: 30px;
                background-color: $back;
                color: white;
                font-weight: bolder;
                font-size:18px;
                border: none;
            }
        }
        .Portfoliotwo{
            @extend .Portfolioone;
        }
        .Portfoliothree{
            @extend .Portfolioone;
        }
    }

    .imgbottom{
       text-align: center;
       margin-top:  -10px;
    }

    .imgbottomone{
        width: 800px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        margin-top: -200px;
        padding-left: 100px;
    }

    .imgbottomthree {
        width: 1000px;
        display: flex;
        justify-content: space-between;
        margin-top: -75px;
    }

    .fieldsetss fieldset{
        width: fit-content;
        margin: 0 auto;
        border: 1px solid skyblue;
        text-align: center;
        width: 148px;
        height: 50px;
        font-size: 24px;
        position: relative;
        top: 68px;
        color: white;
        span{
            display: inline-block;
            transform: scale(0.4);
        }
    }

    .boxbottom{
        width: 1000px;
        border-top: 1px solid gray;
        margin-top:160px;
    }


}